<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>标签语法</title>
</head>
<body>
<!--①标签不能交叉嵌套-->
正确：
<div>
	<span>早安，尚硅谷！</span>
</div>
<!--
错误：
<div>
	<span>早安，尚硅谷！
</div></span> 但是可以运行 是因为浏览器会帮助我们尽可能地修复错误正确显示
-->
<hr/>

<!--②标签必须正确关闭（闭合）-->
<!--i.有文本内容的标签：-->
正确：
<div>早安，尚硅谷！</div>
<!--
错误：
<div>早安，尚硅谷！
-->
<hr/>

<!--ii.没有文本内容的标签：-->
正确：<br/>1
<!--
错误：<br >2
-->
<hr/>
<!--③属性必须要有值，属性值必须加引号-->
正确：<font color="blue">早安，尚硅谷！</font>
错误：<font color=blue>早安，尚硅谷！</font>
错误：<font color>早安，尚硅谷！</font>
<hr/>

<!--④注释不能嵌套-->
正确：<!--注释内容--><br>
错误：<!--注释内容<!-- --> -->
<hr>


</body>
</html>